* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  html{
    width: 100%;
    height: 100%;
    color: #ffffff;
  }
  body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #000d4a;
    /* 行高是字体1.15倍 */
    line-height: 1.15;
    width: 100%;
    height: 100%;

  }

  li {
    list-style: none;
  }

  img {
    border: none;
    max-width: 100%;
  }

  /*清除浮动*/
  .clearFix::before,
  .clearFix::after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    clear: both;
  }
  
.font{ font-size: 0.16rem; } /* 8 */
.font-s{ font-size: 0.266667rem; }
.font-m{ font-size: 0.32rem }
.font-l{ font-size: 0.373333rem }
.font-big{ font-size: 0.48rem }
.font-weight{ font-weight: bold!important; }

.block{ display: block; }
.inlineblock{ display: inline-block; }
.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }

.flex{ display: flex; }
.flex-column{ flex-direction: column; }
.flex-row{ flex-direction: row; }
.flex-wrap{ flex-wrap: wrap; }
.flex-nowrap{ flex-wrap: nowrap; }
.flex-shrink{flex-shrink: 0;}
.j-start{ justify-content: flex-start; }
.j-center{ justify-content: center; }
.j-end{ justify-content: flex-end; }
.j-sb{ justify-content: space-between; }
.a-center{ align-items:center; }
.a-start{ align-items: flex-start; }
.a-end{ align-items:flex-end; }

/* 宽度 */
.w-5{ width: 5%; } 
.w-10{ width: 10%; } 
.w-15{ width: 15%; } 
.w-20{ width: 20%;} 
.w-25{ width: 25%; } 
.w-30{ width: 30%; }
.w-35{ width: 35%; }
.w-40{ width: 40%; }
.w-45{ width: 45%; }
.w-50{ width: 50%; }
.w-55{ width: 55%; }
.w-60{ width: 60%; }
.w-65{ width: 65%; }
.w-70{ width: 70%; }
.w-75{ width: 75%; }
.w-80{ width: 80%; }
.w-85{ width: 85%; }
.w-90{ width: 90%; }
.w-95{ width: 95%; }
.w-100{width: 100%;}

.h-5{ height: 5%; } 
.h-10{ height: 10%; } 
.h-15{ height: 15%; } 
.h-20{ height: 20%;} 
.h-25{ height: 25%; } 
.h-30{ height: 30%; }
.h-35{ height: 35%; }
.h-40{ height: 40%; }
.h-45{ height: 45%; }
.h-50{ height: 50%; }
.h-55{ height: 55%; }
.h-60{ height: 60%; }
.h-65{ height: 65%; }
.h-70{ height: 70%; }
.h-75{ height: 75%; }
.h-80{ height: 80%; }
.h-85{ height: 85%; }
.h-90{ height: 90%; }
.h-95{ height: 95%; }
.h-100 {height: 100%;}

/* 10px */
.p{padding: .266667rem;} 
.p-l{padding-left: .266667rem;}
.p-t{padding-top: .266667rem;}
.p-r{padding-right: .266667rem;}
.p-b{padding-bottom: .266667rem;}
.p-tb{padding: .266667rem 0;}
.p-lr{padding: 0 .266667rem;}

.m{margin: .266667rem;}
.m-l{margin-left: .266667rem;}
.m-t{margin-top: .266667rem;}
.m-r{margin-right: .266667rem;}
.m-b{margin-bottom: .266667rem;}
.m-tb{margin: .266667rem 0;}
.m-lr{margin: 0 .266667rem;}